<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>Document</title>
		<style>
			ul {
				height: 200px;
				border: 1px solid #999;
			}
		</style>
	</head>

	<body>
		<ul id="list1">
			<li class="item">阿萨德发送到发斯蒂芬打发斯蒂芬</li>
		</ul>
		<p>
			<button onclick="moveDown();">向下移动</button>
			<button onclick="moveUp();">向上移动</button>
		</p>
		<ul id="list2">

		</ul>

	</body>

</html>

<script>
	function moveDown() {
		// 使用appendChild,inserBefore等都可以移动元素
		var li = document.querySelector('.item');
		document.getElementById('list2').appendChild(li);
	}
	
	function moveUp() {
		var li = document.querySelector('.item');
		document.getElementById('list1').appendChild(li);
	}
</script>